<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>优问网</title>
<script type="text/javascript" src="js/jquery1.7.2.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/setting.js"></script>
<script language="javascript" type="text/javascript" src="js/My97DatePicker/WdatePicker.js"></script>
<link href="css/global.css" type="text/css" rel="stylesheet" />
<link href="css/setting.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
  <div id="header-inner">
    <div class="header-left">
      <h1 title="优问网LOGO"> <span>优问网LOGO</span> <a class="header-logo" href="###"><img alt="优问网LOGO" title="优问网LOGO" src="img/wayin-logo.png" /></a> <a id="header-ask-buton" href="###">我来问一个</a> </h1>
    </div>
    <div class="header-right">
      <div id="header-user"> 
          <a href="###" class="header-user-a">
            <span class="header-user-icon"></span>
            <span class="header-user-dropdown"></span>
            <span class="header-username">harryfeng</span>
          </a>
          <div id="header-setnav">
            <a href="###">我的优问</a>
            <a href="###">设置</a>
            <a id="x1-logout" href="###">退出</a>
          </div>
      </div>
      <div id="header-notification">
      	<a class="noti-a" href="###"></a>
        <div class="header-notification-pop">
        	<ul>
            	<li>
                    My Notifications
                </li>
                <li>
                	<dl>
                    	<dt><img src="img/face.jpg" /></dt>
                        <dd>
                             <a href="###">You are now the Mayor ofwww.yoasking.comwith 1 like;</a>
                        </dd>
                        <dd>about 11 hours ago</dd>
                    </dl>
                </li>
                <li>
                	<dl>
                    	<dt><img src="img/face.jpg" /></dt>
                        <dd>
                             <a href="###">You are now the Mayor ofwww.yoasking.comwith 1 like;</a>
                        </dd>
                        <dd>about 11 hours ago</dd>
                    </dl>
                </li>
                <li>
                	<dl>
                    	<dt><img src="img/face.jpg" /></dt>
                        <dd>
                             <a href="###">You are now the Mayor ofwww.yoasking.comwith 1 like;</a>
                        </dd>
                        <dd>about 11 hours ago</dd>
                    </dl>
                </li>
                <li>
                	<dl>
                    	<dt><img src="img/face.jpg" /></dt>
                        <dd>
                             <a href="###">You are now the Mayor ofwww.yoasking.comwith 1 like;</a>
                        </dd>
                        <dd>about 11 hours ago</dd>
                    </dl>
                </li>
            </ul>
        </div>
      </div>
      <div id="header-search">
        <input type="text" value="Search" />
      </div>
    </div>
    <div class="clear"></div>
    <div id="askLoading"></div>
  </div>
</div>
<div id="container">
<div class="settingPage">
    <div class="setLeft">
    	<h3>编辑个人资料</h3>
    	<dl>
        	<dt>邮箱</dt>
            <dd><input type="text" class="txt" /></dd>
            <dt>用户名</dt>
            <dd><input type="text" class="txt" /></dd>
            <dt>生日(年-月-日)</dt>
            <dd><input type="text" onClick="WdatePicker({isShowClear:false,readOnly:true,lang:'zh-tw'})" class="txt" /></dd>
            <dt>自传</dt>
            <dd class="sett_intro">
            	<textarea class="txt"></textarea>
            	<div class="txt_count">
                	<span class="curSize">0</span>/<strong class="maxSize">250</strong>
                </div>
            </dd>
            <dt>取个域名</dt>
            <dd><input type="text" class="txt" value="http://" /></dd>
            <dd class="Gender">性别&nbsp;&nbsp;<select >
            	<option>不告诉你</option>
                <option>女</option>
                <option>男</option>
            </select></dd>
            <dt>密码</dt>
            <dd><input type="text" class="txt" /></dd>
            <dt>密码确认</dt>
            <dd><input type="text" class="txt" /></dd>
            <dt class="emaiTipSet"><a href="##">编辑</a>邮箱提醒设置</dt>
        </dl>
    </div>
    <div class="setRight">
        <div class="MyAvatar">
        	<h3>修改头像</h3>
            <dl class="avatarDiv">
            	<dt><p class="curTou">头像预览区域</p></dt>
                <dd>当前头像</dd>
                <dd><a class="changeTou" href="##">修改</a></dd>
            </dl>
        </div>
    </div>
    <div class="clear"></div>
    <p class="savSetting"><a href="###">保存修改</a></p>
</div>
</div>
<div class="ask_pop">
	<a class="shut"></a>
	<dl class="ask_pop_tit">
    	<dt><img src="img/face.jpg" width="50px;" height="50px;" /></dt>
        <dd>
        	<textarea class="ask_pop_txt"></textarea><span class="ask_pop_default">Type your question here</span>
            <div class="txt_count">
            	<span>0</span>/<strong>50</strong>
            </div>
        </dd>
    </dl>
    <div class="clear"></div>
    <p class="ask_pop_addimgtit " href="###">添加图片</p>
    <div class="ask_pop_addimg">
        <p class="ask_pop_ptit">Use an image we found on Bing</p>
        <p><input class="ask_pop_searchimg" type="text"></p>
        <div id="c1-grid">
            <p class="c1-pager">
            <a class="c1-page-prev">previous</a>
            <a class="c1-page-next" href="###">next</a>
            </p>
            <ul>
                <li class="c1-selected">
                	<a href="###" class="c1-image-link"><img src="pic/dog.jpg" /></a>
                </li>
                <li>
                	<a href="###" class="c1-image-link"><img src="pic/dog.jpg" /></a>
                </li>
                <li>
                	<a href="###" class="c1-image-link"><img src="pic/dog.jpg" /></a>
                </li>
                <li>
                	<a href="###" class="c1-image-link"><img src="pic/dog.jpg" /></a>
                </li>
            </ul>
            <p id="c1-page-count">Page 1</p>
        </div>
        <p class="ask_pop_ptit ask_pop_upimgtit">Upload your own</p>
        <div class="ask_pop_upimg">
        	<p class="ask_pop_upimg_image">image upload area</p>
            <div class="ask_pop_upimg__area">
                <p class="ask_pop_upimg_name">Upload an image from your computer</p>
                <p class="ask_pop_upimg_btn"><a href="###">上传<input type="file" class="upfile" /></a></p>
                <p class="ask_pop_upimg_tip">Max size 300x250, 300kb</p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="ask_pop_manmge">
    	<dl>
        	<dt><a href="###" class="ask_pop_yesbtn_no " type="submit">
                Ask it&nbsp;&nbsp;
                <i class="icon-play"></i>
                </a>
            </dt>
            <dd><label><input type="checkbox" />禁止其他人添加答案！</label></dd>
        </dl>
        <div class="clear"></div>
    </div>
</div>
<div class="alerTip">
	<dl class="alerTipDl">
    	<dt class="cuo"></dt>
        <dd>这里显示体会信息哦，亲！</dd>
    </dl>
    <p class="alerTipP"><a href="###">好的</a></p>
</div>
</body>
</html>
